<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
    <link href="css/style.css" rel="stylesheet" type="text/css"/>
    <link rel="stylesheet" type="text/css" href="css/normalize.css" />
    <link rel="stylesheet" type="text/css" href="css/demo.css">
    <link rel="stylesheet" href="css/app.css">
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=uGu7CKGh7yjjXyxWgqDV6C8booQd01g2"></script>
</head>
<body style="background-color: #fff;">
    <div class="topt">
        <div class="top">
            <div class="logo">
                <img src="image/logo.png" width="293" height="70"/>
            </div>
            <div class="menu">
                <ul>
                    <li class="menu_ac"><a href="index.html" style="color: white">首页</a></li>
                    <li><a href="news.html">新闻</a></li>
                    <li><a href="case.html">案例</a></li>
                    <li><a href="team.html">团队</a></li>
                    <li><a href="service.html">服务</a></li>
                    <li><a href="about.html">关于</a></li>
                </ul>
            </div>
        </div>
    </div>

    <div class="container">
        <div class="slider">
            <div class="slider-img">
                <ul class="slider-img-ul">
                    <li><img src="image/slider-5.jpg"></li>
                    <li><img src="image/slider-1.jpg"></li>
                    <li><img src="image/slider-2.jpg"></li>
                    <li><img src="image/slider-3.jpg"></li>
                    <li><img src="image/slider-4.jpg"></li>
                    <li><img src="image/slider-5.jpg"></li>
                    <li><img src="image/slider-1.jpg"></li>
                </ul>
            </div>
        </div>

        <div class="case">
            <p class="p0">案例展示<button>MORE</button></p>
            <p class="p">WORK</p>
            <div class="line">
                <a href="case/case_detail.html">
                    <div class="case_block">
                        <div class="case_img">
                            <img src="image/s1.jpg" width="100%" height="100%"/>
                        </div>
                        <p class="p1">环卫集团 方案展示ppt</p>
                        <P class="p2">industry 环境/环保</P>
                    </div>
                </a>
                <a href="case/case_detail0.html">
                    <div class="case_block">
                        <div class="case_img">
                            <img src="image/s2.jpg" width="100%" height="100%"/>
                        </div>
                        <p class="p1">奥海辉龙 产品展示ppt</p>
                        <P class="p2">industry 探测/科技</P>
                    </div>
                </a>
                <a href="case/case_detail1.html">
                    <div class="case_block">
                        <div class="case_img">
                            <img src="image/s3.jpg" width="100%" height="100%"/>
                        </div>
                        <p class="p1">微企梦工厂 项目介绍ppt</p>
                        <P class="p2">industry 创业园/科技</P>
                    </div>
                </a>
            </div>
            <div class="line">
                <a href="case/case_detail2.html">
                    <div class="case_block">
                        <div class="case_img">
                            <img src="image/s4.jpg" width="100%" height="100%"/>
                        </div>
                        <p class="p1">重庆城投 项目汇报ppt</p>
                        <P class="p2">industry 城市/投资</P>
                    </div>
                </a>
                <a href="case/case_detail3.html">
                    <div class="case_block">
                        <div class="case_img">
                            <img src="image/s5.jpg" width="100%" height="100%"/>
                        </div>
                        <p class="p1">大力水手 项目介绍ppt</p>
                        <P class="p2">industry 美食/海鲜</P>
                    </div>
                </a>
                <a href="case/case_detail4.html">
                    <div class="case_block">
                        <div class="case_img">
                            <img src="image/s6.jpg" width="100%" height="100%"/>
                        </div>
                        <p class="p1">重庆师范大学 企业介绍ppt</p>
                        <P class="p2">industry 教育/大学</P>
                    </div>
                </a>
            </div>
            <div class="line">
                <a href="case/case_detail5.html">
                    <div class="case_block">
                        <div class="case_img">
                            <img src="image/s7.jpg" width="100%" height="100%"/>
                        </div>
                        <p class="p1">华润万象城 项目介绍ppt</p>
                        <P class="p2">industry 百货/销售</P>
                    </div>
                </a>
                <a href="case/case_detail6.html">
                    <div class="case_block">
                        <div class="case_img">
                            <img src="image/s8.jpg" width="100%" height="100%"/>
                        </div>
                        <p class="p1">长安集团 项目介绍ppt</p>
                        <P class="p2">industry 汽车/销售</P>
                    </div>
                </a>
                <a href="case/case_detail7.html">
                    <div class="case_block">
                        <div class="case_img">
                            <img src="image/s9.jpg" width="100%" height="100%"/>
                        </div>
                        <p class="p1">求精公司 项目介绍ppt</p>
                        <P class="p2">industry 商业/房地产</P>
                    </div>
                </a>
            </div>
            <div class="line">
                <a href="case/case_detail8.html">
                    <div class="case_block">
                        <div class="case_img">
                            <img src="image/s10.jpg" width="100%" height="100%"/>
                        </div>
                        <p class="p1">隆福佳人企业 项目介绍ppt</p>
                        <P class="p2">industry 销售/产品</P>
                    </div>
                </a>
                <a href="case/case_detail9.html">
                    <div class="case_block">
                        <div class="case_img">
                            <img src="image/s11.jpg" width="100%" height="100%"/>
                        </div>
                        <p class="p1">德庄实业 项目介绍ppt</p>
                        <P class="p2">industry 招商/加盟</P>
                    </div>
                </a>
                <a href="case/case_detail10.html">
                    <div class="case_block">
                        <div class="case_img">
                            <img src="image/s12.jpg" width="100%" height="100%"/>
                        </div>
                        <p class="p1">郎岱城镇建设 项目介绍ppt</p>
                        <P class="p2">industry 旅游/开发</P>
                    </div>
                </a>
            </div>

            <div class="line">
                <a href="case/case_detail11.html">
                    <div class="case_block">
                        <div class="case_img">
                            <img src="image/s13.jpg" width="100%" height="100%"/>
                        </div>
                        <p class="p1">段记西服企业有限公司 项目介绍ppt</p>
                        <P class="p2">industry 服装/销售</P>
                    </div>
                </a>
                <a href="case/case_detail12.html">
                    <div class="case_block">
                        <div class="case_img">
                            <img src="image/s14.jpg" width="100%" height="100%"/>
                        </div>
                        <p class="p1">胡燃商行 项目介绍ppt</p>
                        <P class="p2">industry 超市/百货</P>
                    </div>
                </a>
                <a href="case/case_detail13.html">
                    <div class="case_block">
                        <div class="case_img">
                            <img src="image/s15.jpg" width="100%" height="100%"/>
                        </div>
                        <p class="p1">平伟集团 项目介绍ppt</p>
                        <P class="p2">industry 照明/灯饰</P>
                    </div>
                </a>
            </div>

            <div class="team">
                <h3 align="center">团队</h3>
                <a href="team.html">
                    <div class="teams">
                        <div class="teams_img">
                            <img src="image/team/t1.jpg" width="100%" height="100%"/>
                        </div>
                        <h4>王先生</h4>
                        <p>视觉设计师</p>
                    </div>
                </a>

                <a href="team.html">
                    <div class="teams">
                        <div class="teams_img">
                            <img src="image/team/t2.jpg" width="100%" height="100%"/>
                        </div>
                        <h4>李先生</h4>
                        <p>图形设计师</p>
                    </div>
                </a>

                <a href="team.html">
                    <div class="teams">
                        <div class="teams_img">
                            <img src="image/team/t3.jpg" width="100%" height="100%"/>
                        </div>
                        <h4>刘先生</h4>
                        <p>设计总监</p>
                    </div>
                </a>

                <a href="team.html">
                    <div class="teams">
                        <div class="teams_img">
                            <img src="image/team/t4.jpg" width="100%" height="100%"/>
                        </div>
                        <h4>杨小姐</h4>
                        <p>文案策划师</p>
                    </div>
                </a>

            </div>
        </div>
    </div>
    <div id="map" class="map"></div>
    <div class="map1">
        <div class="footer">
            <div class="intro">
                <h2>格诚设计ppt</h2>
                <p>品牌源于梦想，格诚设计正是一群追梦人。从创立的第一天起（2005年创立），就立志以成为成为最具远见的公司、业内的佼佼者以及企业取得成功不可或缺的伙伴。信念驱动我们的战略，战略让我们则无旁骛。这种雄心壮志源于我们的实力，并指引我们不断向前。</p>
            </div>
            <div class="qq"><br>
                <h5>留下QQ</h5><br><br>
                <p style="background-color: white;width: 250px;">
                    <input type="text" style="width:200px;border: none;background-color: white"/>
                    <button style="width: 40px;border: none;background-color: white">&rarr;</button>
                </p>
                <p style="font-size: 14px;line-height: 28px;">留下你的qq,成为格诚设计的伙伴，我们将尽快与你取得联系</p>
            </div>
            <div class="fri">
                <h5>友情链接</h5><br>
                <p><a href="">优秀网页设计</a>&nbsp;</p>
                <p><a href="">博纳ppt</a>&nbsp;</p>
                <p><a href="">周新力ppt</a>&nbsp;</p>
                <p><a href="">BootStrap</a>&nbsp;</p>
                <p><a href="">设计师导航</a>&nbsp;</p>
            </div>
            <div class="fri">
                <h5 style="opacity: 0">友情链接</h5>
                <br>
                <p><a href="">百度</a>&nbsp;</p>
                <p><a href="">千图网</a>&nbsp;</p>
                <p><a href="">昵图</a>&nbsp;</p>
                <p><a href="">阿里图标</a>&nbsp;</p>
                <p><a href="">Jquery</a>&nbsp;</p>
            </div>
        </div>
    </div>


</body>
<script src="js/jquery-1.11.0.min.js" type="text/javascript"></script>
<script type="text/javascript" src="js/xSlider.js"></script>
<script type="text/javascript">
    var map = new BMap.Map("map");          // 创建地图实例
    var point = new BMap.Point(113.544437,23.368609);  // 创建点坐标
    map.centerAndZoom(point, 11);                 // 初始化地图，设置中心点坐标和地图级别
</script>
</html>